﻿/*------------------------------------------------------------

	subject 		系统后台管理样式
	author			柴瑞
	created			2004-08-16  10:56
	updated			2005-08-23/2
	
	email			chairui1979@hotmail.com
	website			http://chairui.openfree.net

.box
{
	margin: 160px 0px 0px 0px;
	padding: 0px;
	background: #FAFAFA;
	color: #CCC;
	width: 450px;
	height: 200px;
	border: 1px solid #ccc;
}
#normal
{
	margin: 0px 20px;
	padding: 20px 0px 0px 0px;
	background: #FAFAFA;
	color: #000;
	height: 30px;
	text-align: justify;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #CCC;
}
#error
{
	margin: 0px 20px;
	padding: 20px 0px 0px 0px;
	background: #FAFAFA;
	color: #f00;
	height: 30px;
	text-align: justify;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
}
.contents
{
	margin: 0px;
	padding: 10px 25px;
	text-align: left;
	color: #666;
}
------------------------------------------------------------*/
/*------------------------------------------------------------

	subject 		WebPanel

------------------------------------------------------------*/
.webPanelBorder
{
	margin-left: auto;
	margin-right: auto;
	margin: 0px;
	padding: 0px;
	border: 1px solid #d6ebf7;
	text-align: left;
	line-height: 18px;
	font-size: 12px;
	background-color: #fff;
}
.webPanelCaption
{
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	background-color: #d6e3f1;
	color: #336693;
	font-weight: bold;
	text-align: left;
}
.webPanelContent
{
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.webPanelToggleImage
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
.webPanelButtonArea
{
	width: 100%;
	text-align: left;
	margin-top: 8px; /*  		FF margin-bottom 无效，需要增加 overflow:hidden;  	*/
	margin-bottom: 20px;
	margin-left: 8px !important;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #d6ebf7;
	display: inline-block;
	overflow: hidden;
}
/*--------------------------------------------------

    table	录入表单布局样式

--------------------------------------------------*/
.table
{
	background-color: #d6ebf7;
	border-style: solid;
	border-width: 0px;
	border-color: #d6ebf7;
	width: 100%;
	line-height: 24px;
}
.table td
{
	background-color: #fff;
	font-size: 12px;
	color: #404040;
	vertical-align: top;
	text-align: left;
}
.table .tableSubjectWidth
{
	width: 120px;
}
.table .requiredField
{
	color: Red;
}
.table .tip
{
	cursor: hand;
	color: Blue;
}
/*--------------------------------------------------

    fieldset	ChartView分组样式

--------------------------------------------------*/
.fieldset
{
	padding: 5px;
	border-color: #d6ebf7;
	border-style: solid;
	border-width: 0px;
}
.fieldset legend
{
	font-weight: bold;
}
/*--------------------------------------------------

    linkButton      后台按钮样式

--------------------------------------------------*/
.linkButton, .linkButton:link, .linkButton:visited
{
	display: block;
	cursor: hand;
	font-size: 12px;
	line-height: 16px;
	color: #e5e5e5;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #688dd8;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
}
.linkButton:hover, .linkButton:active
{
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	border-color: #9db5e5;
	border-width: 2px;
	color: #fff;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
}
.linkButtonOut
{
	float: left;
	display: block;
	width: 95px;
	background-color: #305ebb;
	text-align: center;
	padding: 1px;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 4px;
}
/*--------------------------------------------------

    Input、Select、Textbox 基本样式	

--------------------------------------------------*/
.shortInput
{
	background-color: #eaeaea;
	width: 300px;
}
.shortSelect
{
	background-color: #eaeaea;
	width: 305px;
}
.smallSelect
{
	background-color: #eaeaea;
	width: 126px;
}
.smallInput
{
	background-color: #eaeaea;
	width: 120px;
}
/*--------------------------------------------------

    Marster.page	

--------------------------------------------------*/
.contentPlaceHolder
{
	text-align: center;
	padding-top: 20px;
}
.contentPlaceHolder .centerPanel
{
	/*     margin-left: auto; 	margin-right: auto;     */
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
.contentPlaceHolder .centerTable
{
	margin-left: auto;
	margin-right: auto; *margin-left:0px;
*margin-right:0px;
width:95%;
}
.contentPlaceHolder .centerTable td
{
	vertical-align: top;
	text-align: left;
}
/*--------------------------------------------------

    freeTextBox 扩展

--------------------------------------------------*/
.ctl00_contentPlaceHolderID_DocumentEdit1_freeTextBox_Toolbar tr
{
	background-color: #9EBEF5;
	background: url( "/website/controls/freetextbox/images/toolbar.horizontal.background.gif" ) repeat;
}
.ctl00_contentPlaceHolderID_DocumentEdit1_freeTextBox_Toolbar td
{
	vertical-align: middle;
	background-color: #9EBEF5;
	background: url( "/website/controls/freetextbox/images/toolbar.horizontal.background.gif" ) repeat;
}
.ctl00_contentPlaceHolderID_ProductEdit1_freeTextBox_Toolbar tr
{
	background-color: #9EBEF5;
	background: url( "/website/controls/freetextbox/images/toolbar.horizontal.background.gif" ) repeat;
}
.ctl00_contentPlaceHolderID_ProductEdit1_freeTextBox_Toolbar td
{
	vertical-align: middle;
	background-color: #9EBEF5;
	background: url( "/website/controls/freetextbox/images/toolbar.horizontal.background.gif" ) repeat;
}
/*--------------------------------------------------

    Calendar 日历对象

--------------------------------------------------*/
.CalendarInput
{
	font-family: verdana;
	font-size: 9pt;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	border: 1px solid #999;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
.Calendar
{
	font-family: verdana;
	text-decoration: none;
	width: 170;
	background-color: #C0D0E8;
	font-size: 9pt;
	border: 0px dotted #1C6FA5;
}
.CalendarTD
{
	font-family: verdana;
	font-size: 7pt;
	color: #000000;
	background-color: #f6f6f6;
	height: 20px;
	width: 11%;
	text-align: center;
	cursor: pointer;
}
.CalendarTitle
{
	font-family: verdana;
	font-size: 11pt;
	font-weight: normal;
	height: 24px;
	text-align: center;
	color: #333333;
	text-decoration: none;
	background-color: #A4B9D7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.CalendarTitle a:link, .CalendarTitle a:visited, .CalendarTitle a:hover, .CalendarTitle a:active
{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.Day
{
	font-family: verdana;
	font-size: 7pt;
	color: #243F65;
	background-color: #E5E9F2;
	height: 20px;
	width: 11%;
	text-align: center;
	cursor: pointer;
}
.DaySat
{
	font-family: verdana;
	font-size: 7pt;
	color: #FF0000;
	text-decoration: none;
	background-color: #E5E9F2;
	text-align: center;
	height: 18px;
	width: 12%;
	cursor: pointer;
}
.DaySun
{
	font-family: verdana;
	font-size: 7pt;
	color: #FF0000;
	text-decoration: none;
	background-color: #E5E9F2;
	text-align: center;
	height: 18px;
	width: 12%;
	cursor: pointer;
}
.DayNow
{
	font-family: verdana;
	font-size: 7pt;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	height: 20px;
	text-align: center;
}
.DayTitle
{
	font-family: verdana;
	font-size: 9pt;
	color: #000000;
	background-color: #C0D0E8;
	height: 20px;
	width: 11%;
	text-align: center;
}
.DaySatTitle
{
	font-family: verdana;
	font-size: 9pt;
	color: #FF0000;
	text-decoration: none;
	background-color: #C0D0E8;
	text-align: center;
	height: 20px;
	width: 12%;
}
.DaySunTitle
{
	font-family: verdana;
	font-size: 9pt;
	color: #FF0000;
	text-decoration: none;
	background-color: #C0D0E8;
	text-align: center;
	height: 20px;
	width: 12%;
}
.DayButton
{
	font-family: Webdings;
	font-size: 11pt;
	font-weight: bold;
	color: #243F65;
	cursor: hand;
	text-decoration: none;
	display: none; /* for firefox */ *display:inherit;/* for IE6 */}
.DayButtonFF
{
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #243F65;
	cursor: hand;
	text-decoration: none;
	display: inherit; /* for firefox */ *display:none;/* for IE6 */}

/*--------------------------------------------------

    Modal Popup

--------------------------------------------------*/
div.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
div.modalPopup
{
	background-color: #fff;
	border-width: 9px;
	border-style: solid;
	border-color: #c1d9ff;
	padding: 0px;
	width: 250px;
	text-align: left;
}
div.modalPopupHeader
{
	cursor: move;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px;
	text-align: left;
	background-color: #e0edef;
	border: solid 0px Gray;
	color: #000;
}
div.modalPopupFooter
{
	text-align: right;
	padding: 10px;
}

/*Popup Control*/
.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
}

/*--------------------------------------------------

    TipMessage

--------------------------------------------------*/
.tipMessage
{
	height: 0px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-size: 14px;
	background-color: #f7fbff;
	border: solid 1px #d6ebf7;
	margin-bottom: 3px;
	cursor: pointer;
}
/*--------------------------------------------------

    miniScroll 页面内部用滚动条

--------------------------------------------------*/
.miniScroll
{
	scrollbar-face-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #666;
	scrollbar-3dlight-color: #cecece;
	scrollbar-shadow-color: #cecece;
	scrollbar-darkshadow-color: #fff;
}
/*--------------------------------------------------

    ucUploadFile 页面内部用滚动条

--------------------------------------------------*/
div.uploadFile
{
	background: url( "ImageUploadFile/file.gif" ) 2px 1px no-repeat;
	height: 22px;
	display: block;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 120%;
	line-height: 140%;
	overflow: hidden;
}

div.uploadCancel
{
	background: url( "ImageUploadFile/cancel.gif" ) left top no-repeat;
	width: 30px;
	height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	display: block;
	vertical-align: middle;
	cursor: pointer;
}
div.uploadInfo
{
	padding: 20px;
	font-size: 12px;
	line-height: 22px;
}
/*--------------------------------------------------

    select

--------------------------------------------------*/
.select *
{
	margin: 0;
	padding: 0;
}
.select
{
	border: 1px solid #cccccc;
	float: left;
	display: inline;
}
.select div
{
	border: 1px solid #f9f9f9;
	float: left;
}
/* 子选择器，在FF等非IE浏览器中识别 */
.select > div
{
	width: 80px;
	height: 17px;
	overflow: hidden;
}
/* 通配选择符，只在IE浏览器中识别 */
* html .select div select
{
	display: block;
	float: left;
	margin: -2px;
}
.select div > select
{
	display: block;
	width: 84px;
	float: none;
	margin: -2px;
	padding: 0px;
}
.select:hover
{
	border: 1px solid #666666;
}
/* option在FF等非IE浏览器缩进2px */
.select select > option
{
	text-indent: 2px;
}


/*--------------------------------------------------

    select

--------------------------------------------------*/
.searchDiv
{
	text-align:left;
}
.searchTable 
{
	font-size:14px;
	margin-bottom:10px;
	border-width:0px;
}
.searchTable .smallInput
{
	background-color:#efefef;
	border:solid 1px #ccc;
	width:90px;
	margin-left:10px;
	margin-right:25px;
}
.searchTable select
{
	background-color:#efefef;
	border:solid 0px #ccc;
	width:100px;
}

.1searchButton
{
	margin:0px;
	padding:0px;
	border:0px;
	line-height:20px;
	height:24px;
	width:70px;
	color:#333;
	background-color:#d4d0c8;
	border-width:1px;	
}
.searchButton
{
	border-width:1px;
	border-style:solid;
	border-color:#d6e3f1;
	background:url(image/extButtonSmall.gif) repeat-x;
	background-color:#f2f2ed;
	height:22px;
	line-height:18px;
	padding:0px 4px;
	color:#555;
	cursor:hand;
}